<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
    <link rel="stylesheet" href="/static/css/dragController.css">
    <link rel="stylesheet" href="/static/css/login.css">
    <link rel="stylesheet" href="/static/css/register.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <script type="text/javascript" src="/static/js/register.js"></script>
</head>
<body>
{{template "head.html"}}
<div class="content">
    <div class="login-left">
        <div class="login-right-content" style="background-image: url('/static/img/4ae6c05bac86c93cdd661fe4b183153d.jpeg');
        background-repeat: no-repeat;background-size: cover">
        </div>
    </div>
    <div class="login-right">
        <div class="login-right-content">
            <div class="userType">欢迎注册</div>
            <div class="login">
                <form action="/handleRegister" method="post" class="loginForm">
                    <div class="form-item">
                        <span><input type="text" placeholder="设置用户名" class="form-input" name="username"></span>
                    </div>
                    <div class="form-item">
                        <span><input type="password" placeholder="设置你的登录密码" class="form-input" name="userpw"></span>
                    </div>
                    <div class="form-item">
                        <span><input type="password" placeholder="请再次输入你的密码" class="form-input" name="userpw2"></span>
                    </div>
                    <div style="width: 300px;height: 60px;margin: auto">
                        <input type="text" placeholder="角色选择" name="userrole" style="height: 40px;width: 210px"
                               id="roleInput">
                        <select style="height:40px;width: 80px" id="sop">
                            <option value="sadmin">超级管理员</option>
                            <option value="admin">管理员</option>
                            <option value="client">普通用户</option>
                        </select>
                    </div>
                    {{/*                    <div id="box">*/}}
                    {{/*                        <div class="btn">*/}}
                    {{/*                        </div>*/}}
                    {{/*                        <p class="text">拖动滑块验证</p>*/}}
                    {{/*                        <div class="bg"></div>*/}}
                    {{/*                    </div>*/}}
                    <div class="form-item">
                        <span><input type="submit" placeholder="提交" class="form-input form-submit"></span>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<div class="footer">
    @软工系统
</div>
</body>
</html>